<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>影院</title>
    <link rel="stylesheet" href="../css/Demo.css">
    <link rel="stylesheet" href="../css/region-1.css">
    <link rel="stylesheet" href="../css/cinema-center.css">
    <link rel="stylesheet" href="../css/footer.css">
    <script src="../javascript/type-switch.js"></script>
     <!-- 设置网站的图标 -->
     <link rel="icon" href="../imager/小图标/favicon.ico">
</head>

<body>

    <div class="headr">
        <!--设置头部标签的外边框，百分比设置为100%，防止放大缩小出现变形-->
        <div>
            <!--控制导航栏，居中布局-->
            <div class="logo"></div>
            <!--猫眼电影loao浮动向左-->
            <ul class="headr-left">
                <!--主要导航部分,向左浮动-->
                <li class="region"><a href="">武汉</a>
                    <!--设置地区下拉框导航-->
                    <div class="triangle"></div>
                    <!--旋转的箭头-->
                    <div class="region-1">
                        <!--下拉导航栏-->
                        <div>
                            当前定位：咸宁
                        </div>
                        <div>
                            近期定位：咸宁
                        </div>
                        <div class="region-1-1">
                            <!--主要显示区域-->
                            <ul>
                                <!--a标签向左浮动自动换行-->
                                <li><span>A</span><a href="">阿拉善</a> <a href="">鞍山</a>
                                    <a href="">安庆</a><a href="">安阳</a><a href="">阿坝</a><a href="">安顺</a>
                                    <a href="">安康</a><a href="">阿勒泰</a>
                                </li>
                            </ul>
                            <ul>
                                <li><span>B</span><a href="">北京</a> <a href="">保定</a>
                                    <a href="">包头</a><a href="">本溪</a><a href="">巴彦</a><a href="">白城</a>
                                    <a href="">白山</a><a href="">毫州</a>
                                </li>
                            </ul>
                            <ul>
                                <li><span>C</span><a href="">重庆</a> <a href="">长治</a>
                                    <a href="">长沙</a><a href="">常州</a><a href="">长春</a><a href="">沧州</a>
                                    <a href="">承德</a><a href="">朝阳</a>
                                </li>
                            </ul>
                            <ul>
                                <li><span>D</span><a href="">大连</a> <a href="">东莞</a>
                                    <a href="">大庆</a><a href="">大同</a><a href="">丹东</a><a href="">大兴安岭</a>
                                    <a href="">东营</a><a href="">德州</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="Demo.html">首页</a></li>
                <li><a href="dianying.html">电影</a></li>
                <li id="color"><a href="cinema.html">影院</a></li>
                <li><a href="#">演出</a></li>
                <li><a href="bandang.html">榜单</a></li>
                <li><a href="">热点</a></li>
                <li><a href="">商城</a></li>
                <li class="app"><img src="../imager/小图标/手机.png" alt=""><span> APP下载</span>
                    <!--设置二维码部分-->
                    <div class="triangle"></div>
                    <!--旋转的小图标-->
                    <div class="code"><img src="../imager/小图标/app-link-icon.3bc8fd38f5eb0cfcf9909122baaaa720.png"
                            alt=""><br>
                        扫码下载APP <br> <span style="font-size: 12px">选座更优惠</span></div>
                </li>
            </ul>
            <ul class="headr-right">
                <!--搜索登录部分-->
                <li><input type="text" name="search" placeholder="请输入影片，演员">
                    <!--搜索栏-->
                    <input type="submit" value>
                </li>
                <li class="login"><img src="../imager/小图标/7dd82a16316ab32c8359debdb04396ef2897.png" alt="" width="40px">
                    <!--登录部分-->
                    <div class="triangle"></div>
                    <!--旋转的箭头-->
                    <div class="login-1"><a href="login.html">登录</a> </div>
                    <!--登录的标签-->
                </li>
            </ul>
        </div>
    </div>
    <div class="cinema-center1">
        <div class="cinema-type">
            <ul>
                <li>
                    <div class="type-name">品牌:</div>
                    <div class="type-detailed type-js">
                        <span><a href="javacript:void(0)">全部</a></span>
                        <span><a href="javacript:void(0)">金逸影城</a></span>
                        <span><a href="javacript:void(0)">万达影城</a></span>
                        <span><a href="javacript:void(0)">银兴国际影城</a></span>
                        <span><a href="javacript:void(0)">CGV影城</a></span>
                        <span><a href="javacript:void(0)">横店影城</a></span>
                        <span><a href="javacript:void(0)">中影国际影城</a></span>
                        <span><a href="javacript:void(0)">金逸星汇影城</a></span>
                        <span><a href="javacript:void(0)">华夏国际影城</a></span>
                        <span><a href="javacript:void(0)">百老汇影城</a></span>
                        <span><a href="javacript:void(0)">万象影城</a></span>
                        <span><a href="javacript:void(0)">银兴电影城</a></span>
                        <span><a href="javacript:void(0)">春天国际影城</a></span>
                        <span><a href="javacript:void(0)">恒大嘉凯影城</a></span>
                        <span><a href="javacript:void(0)">德信影城</a></span>
                        <span><a href="javacript:void(0)">橙天嘉禾影城</a></span>
                        <span><a href="javacript:void(0)">大地影城</a></span>
                        <span><a href="javacript:void(0)">其他</a></span>
                    </div>
                </li>
                <li>
                    <div class="type-name">行政区:</div>
                    <div class="type-detailed type-js1">
                        <span><a href="javacript:void(0)">全部</a></span>
                        <span><a href="javacript:void(0)">荆州区</a></span>
                        <span><a href="javacript:void(0)">沙市区</a></span>
                        <span><a href="javacript:void(0)">江陵县</a></span>
                        <span><a href="javacript:void(0)">松滋市</a></span>
                        <span><a href="javacript:void(0)">石首市</a></span>
                        <span><a href="javacript:void(0)">洪湖市</a></span>
                        <span><a href="javacript:void(0)">监利市</a></span>
                    </div>
                </li>
                <li>
                    <div class="type-name">影音类型:</div>
                    <div class="type-detailed type-js2">
                        <span><a href="javacript:void(0)">全部</a></span>
                        <span><a href="javacript:void(0)">IMAX厅</a></span>
                        <span><a href="javacript:void(0)">CGX中国巨幕厅</a></span>
                        <span><a href="javacript:void(0)">杜比全景声厅</a></span>
                        <span><a href="javacript:void(0)">儿童厅</a></span>
                        <span><a href="javacript:void(0)">4K厅</a></span>
                        <span><a href="javacript:void(0)">4D厅</a></span>
                        <span><a href="javacript:void(0)">60帧厅</a></span>
                        <span><a href="javacript:void(0)">其他</a></span>
                        </a></span>
                    </div>
                </li>
                <li>
                    <div class="type-name">影院服务:</div>
                    <div class="type-detailed type-js3">
                        <span><a href="javacript:void(0)">全部</a></span>
                        <span><a href="javacript:void(0)">可改签</a></span>
                        <span><a href="javacript:void(0)">可退票</a></span>
                        </a></span>
                    </div>
                </li>
            </ul>

        </div>
        <div class="cinema-address">
            <h2><span></span><span> 影院列表</span>
                <div><img src="../imager/小图标/筛选.png" alt=""><span> 筛选</span>
                    <p><a href="">距离近</a> </p>
                    <p><a href="">价格低</a> </p>
                    <div>
            </h2>
            <div class="type-cinema">
                <ul>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">万联环球影城</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div><a href="">选座购票</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">万达影城（人信汇广场XLAND店）</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div><a href="">选座购票</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">中影峰口国际影城</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div><a href="">选座购票</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">中影曙光影城（长江大学东校区）</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div > <a href="">选座购票</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">万联环球影城</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div><a href="">选座购票</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">万联环球影城</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div><a href="">选座购票</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">万联环球影城</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div><a href="">选座购票</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">万联环球影城</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div><a href="">选座购票</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="type-cinema-left">
                            <p class="cinema-name"><a href="">万联环球影城</a> </p>
                            <p class="cinema-address1">地址: 松滋市新江口镇民主路156号万联时代广场2层</p>
                            <p class="cinema-discount"><span>退</span><span>改签</span><span>折扣卡</span> </p>
                        </div>
                        <div class="type-cinema-right">
                            <div>
                                <p><span>￥33</span>起</p>
                                <p>44km</p>
                            </div>
                            <div><a href="">选座购票</a></div>
                        </div>
                    </li>

                 

                </ul>
            </div>
            <div class="type-cinema1"><a href="">1</a><a href="">2</a><a href="">3</a><a href="">4</a><a href="">下一页</a> </div>
        </div>

    </div>
    <div class="footer">
        <div class="footer-center">
            <p>关于猫眼 :<a href="">关于我们</a> <a href="">管理团队</a> <a href="">投资者关系</a> 友情链接 : <a href="">美团网</a> <a
                    href="">格瓦拉</a>美团下载<a href="">欢喜首映</a><a href=""></a><a href=""></a> </p>
            <p>商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息/涉未成年人有害信息举报电话：4006018900</p>
            <p> 用户举报/涉未成年人有害信息举报邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com</p>
            <p>中华人民共和国增值电信业务经营许可证 京B2-20190350 营业性演出许可证 京演（机构）（2019）4094号</p>
            <p>广播电视节目制作经营许可证 （京）字第08478号 网络文化经营许可证 京网文（2022）1334-041号</p>
            <p> 猫眼用户服务协议 猫眼平台交易规则总则 隐私政策</p>
            <p>京公网安备 11010102003232号 京ICP备16022489号-1</p>
            <p>北京猫眼文化传媒有限公司</p>
            <p> ©2022 猫眼电影 www.maoyan.com</p>
            <p><img src="../imager/版权/3cd2a9b7dc179531d20d27a5fd686e783787.png" alt=""><img
                    src="../imager/版权/805f605d5cf1b1a02a4e3a5e29df003b8376.png" alt=""><img
                    src="../imager/版权/e54374ccf134d1f7b2c5b075a74fca525326.png" alt=""></p>

        </div>
    </div>
</body>

</html>